﻿<cfsilent>
	<cfsetting requesttimeout="90" />
	<cfscript>

		event.setArg("pageTitle", "网上选课 - 学期学费明细表");

		sessionAdvice = getProperty("serviceFactory").getBean("sessionAdvice");
		dictAdvice = getProperty("serviceFactory").getBean("senateDictionaryAdvice");

		termId = event.getArg("TermID");

		academicYear = event.getArg("AcademicYear");
		academicTerm = event.getArg("AcademicTerm");

		/* 学籍相关信息 */
		//studentId = sessionAdvice.getAutherUserID();
		//studentClassId = sessionAdvice.getUserProp("studentClass");
		//studentSubjectId = sessionAdvice.getUserProp("studentSubject");
		//studentDirId = sessionAdvice.getUserProp("studentSubDir");
		//studentGrade = sessionAdvice.getUserProp("studentGrade");
		//studentDepartment = sessionAdvice.getUserProp("studentDepartment");
		
		currentTab = event.getArg("TabID", "labChargeList");

	
	</cfscript>
</cfsilent>

<div id="headArea">
	<div class="uiHeader uiHeaderWithImage ptm">
		<div class="clearfix uiHeaderTop">
			<div class="uiHeaderActions rfloat">
				<a class="uiButton" href="<cfoutput>#buildURL('DEFAULT_EVENT')#</cfoutput>"><i class="mrs img btnPublish"></i><span class="uiButtonText">网上选课</span></a>
			</div>
			<div>
				<h2 class="uiHeaderTitle">
					<i class="uiHeaderImage img icon16x16 card"></i><cfoutput>#academicYear#</cfoutput>学年 <cfoutput>#dictAdvice.getTerm(academicTerm)#</cfoutput> - 学费明细表
				</h2>
			</div>
		</div>
	</div>
</div>

<div class="UIElement">
	<ul class="senateFirstPage">
		<li>
			<div class="clearfix" id="programCourse">
				<div class="UItab">
					<div class="tabLables">
						<span <cfif currentTab eq "labChargeList">class="active"</cfif> id="labChargeList" tabTarget="ChargeList">学费明细</span>
					</div>
				</div>
				<script language="javascript" type="text/javascript">
					//<![CDATA[
					<!--
					$(document).ready(function() {
						
						/* init Tab */
						$("div.tabContent").hide();
						$("div#" + $("div.tabLables span.active").attr("tabTarget")).show();
						
						$("div.tabLables > span").click(function(){
							var $targetID = $(this).attr("tabTarget");
							
							$("div.tabLables span").removeClass("active");
							$(this).addClass("active");
							
							$("div.tabContent").not('[id="' + $targetID + '"]').hide();
							$("div.tabContent#" + $targetID).show();
						});
						
					});
					
					// -->
					//]]>
				</script>
				
				<div id="ChargeList" class="tabContent">
					
					<div class="noticeBlock">
						<h3><cfoutput>#academicYear#-#academicTerm#</cfoutput> 学期 课程学费明细</h3>
						<p>下列是当前选课轮次, 您已选择修读的课程的学费及相关费用明细表.</p>
						<hr/>
					</div>

					<div id="choosenCourse">
						<!--- 显示选课记录--->
						<!-- choosenCourse -->
						<cfoutput>#event.getArg("choosenCourse")#</cfoutput>
						<!-- /choosenCourse -->
					</div>
					
				</div>
				
			</div>
		</li>
	</ul>
</div>